<template>
  <div class="about">
    <h1>This is an about page</h1>
    <div v-scroll-x
      id="a"
      style="height:100px;width: 100px;background:grey;overflow: auto;">
      <div style="height:250px;width: 200px;background:green">123</div>
    </div>
  </div>
</template>
<script>
import scrollX from '@/utils/scrollX'
export default {
  directives: {
    scrollX: scrollX
  },
  setup(props, context) {
    console.log(props, context)
  }
}
</script>